//@font-face {
//  font-family: 'Roboto-Black';
//  src: url('../dependencies/fonts/roboto/Roboto-Black-1.ttf') format('truetype');
//}
//@font-face {
//  font-family: 'Roboto-Bold';
//  src: url('../dependencies/fonts/roboto/Roboto-Bold-3.ttf') format('truetype');
//}
//@font-face {
//  font-family: 'Roboto-Light';
//  src: url('../dependencies/fonts/roboto/Roboto-Light-10.ttf') format('truetype');
//}
@font-face {
  font-family: 'Roboto-Regular';
  src: url('../dependencies/fonts/roboto/Roboto-Regular-14.ttf') format('truetype');
}
body {
  font-family: Roboto-Regular,"PingFang SC", "Microsoft Yahei", Arial, Helvetica, sans-serif;
  font-size: .24rem;
  color: #333;
  input{
    outline: none;

    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
}
*{
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

::-webkit-scrollbar
{
  background: transparent;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
  background: transparent;
}
.layoutWithNav{
  top: 0;
  bottom:.9rem !important;
  overflow-y: auto;
}
.bottomNavArea{
  position: fixed;
  bottom: 0;
  width: 100%;
  height:.8rem;
  background: rgba(248,248,248,.5);
  display: flex;
  justify-content: center;
  align-items: center;
  .arrowArea{
    width: 1.3rem;
    text-align: center;
  }
  .leftArrow{
    -webkit-transform:rotate(45deg);
    border-bottom:.02rem solid #AAAAAA;
    border-left:.02rem solid #AAAAAA;
    height:.2rem;
    width:.2rem;
    display: block;
    margin: 0 auto;
  }
  .rightArrow{
    -webkit-transform:rotate(45deg);
    border-top:.02rem solid #AAAAAA;
    border-right:.02rem solid #AAAAAA;
    height:.2rem;
    width:.2rem;
    display: block;
    margin: 0 auto;
  }
  .active{
    cursor: pointer;
    border-color:#333333
  }
}
